<script setup>
import { ref, reactive } from 'vue'
let obj = {'name': 'vue3', value: 1};
const count = ref(0)
const objCount = reactive(obj)

function increment() {
  count.value ++
  console.log('increment',count.value)
}


function incrementObjCount() {
  objCount.value ++
  console.log('incrementObjCount',JSON.stringify(objCount))
}
</script>
<template>
    <header>Ref 用法和  reactive 区别</header>

  <button @click="increment">
   ref_count {{ count }}
  </button>

  <button @click="incrementObjCount">
    ref_objCount {{ objCount }}
  </button>
</template>